<!DOCTYPE html>
<html>

<head>
  <title>Inline</title>
  <link href='resources/css/style.css' rel='stylesheet' />
  <link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet'>
</head>

<body>
  <h1>Inline-flex</h1>
  <div class='container'>
    <div class='box'>
      <h3>1</h3>
    </div>
    <div class='box'>
      <h3>2</h3>
    </div>
    <div class='box'>
      <h3>3</h3>
    </div>
  </div>
  <div class='container'>
    <div class='box'>
      <h3>1</h3>
    </div>
    <div class='box'>
      <h3>2</h3>
    </div>
    <div class='box'>
        <h3>3</h3>
    </div>
  </div>
  <div class='description'>
      <p>The <span class='keyword'>inline-flex</span> display is going to be applied over all the childrens of the container.</p>
  </div>
</body>

</html>
